Remove White Background from Logos in Photoshop (Fast & Easy!)

Поделиться
HTML-код
  • Опубликовано: 27 июл 2024
  • Remove the white background from Logos in Photoshop! This simple technique will help you make backgrounds transparent in just a few minutes using Channels and Apply Image.
    🎯 SUBSCRIBE to get more amazing Photoshop tutorials!
    ► ruclips.net/user/photosho...
    📘 INDEX - Remove White Background from Logos in Photoshop
    00:00 - Introduction
    01:00 - Analyze the RGB Channels
    01:40 - Use The Apply Image to Combine Channels
    02:42 - Fine Tune The Channels
    03:23 - Make a Selection Out of the Channel Copy
    03:56 - Create a Solid Color Fill Based on The Selection
    04:21 - Adding Color To The Logo
    05:38 - Name and Label Your Layers
    6:27 - Final Thoughts
    🔗 LINKS:
    Tutorial Images
    ► photoshoptrainingchannel.com/...
    Become an Adobe Stock Contributor:
    ► bit.ly/stock-contributor
    PTC Newsletter:
    ► ptcvids.com/subscribe
    Premium Tutorials:
    ► ptcvids.com/shop
    Website:
    ► photoshoptrainingchannel.com
    FOLLOW ON:
    Instagram:
    ► / photoshoptrainingchannel
    Facebook Group:
    ► ptcvids.com/group
    CREDITS
    ● Stock Images provided by stock.adobe.com
    ● Stock Images provided by unsplash.com
    ● Photoshop video tutorials by Jesus Ramirez
    #PhotoshopTutorial #Photoshop #PTCvids

Комментарии • 383

  • @ChristiaanRoest79
    @ChristiaanRoest79 3 года назад +3

    Awsome technique! You really are a photoshop professor Jesus. Thanks for sharing. During lockdown i followed hundred or hours of photoshop pro tutorials about masking, adjustment layers, blend if (all zones), color range and luminosity masking. Its easier for me to follow these tutorials now. Love it.

  • @fetymann
    @fetymann 3 года назад +6

    This is very helpful, way better than playing with the tolerance of the magic wand or color range. What I really want to see next is converting this to a vector image so it can be scaled up for large print.

  • @ayato___
    @ayato___ 2 года назад +2

    I tried so many other guides but this was the easiest and the most effective! I managed to make a pretty cool logo for a friend of mine, thanks so much!

  • @preebo2
    @preebo2 3 года назад +2

    The Black and White version gave me a cleaner vector in Illustrator. Great tutorial. Thanks.

  • @judithguenther2239
    @judithguenther2239 3 года назад +4

    I am always amazed by what you show us (I do have to watch multiple times before it soaks in because you use tools that I'm not used to) but I learn so much when I watch. Thank you.

    • @PixiLoveOfficial
      @PixiLoveOfficial 2 года назад

      How to Remove White Background in Photoshop ruclips.net/video/zWasuxFOaQo/видео.html 😍

  • @shivamlohiya8655
    @shivamlohiya8655 3 года назад +96

    Too complicated

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад +13

      If you want good results, you have to put in the work! 😉

    • @bilaljani7041
      @bilaljani7041 3 года назад +3

      Try to pause the video while copying the steps.. U will enjoy it.. He delivers more knowledge in less time.. Believe me on that..

    • @macaroon147
      @macaroon147 2 года назад +5

      @@PhotoshopTrainingChannel You're making a simple process more complicated than it needs to be

    • @damieshoot7546
      @damieshoot7546 Год назад +3

      Very complicated... Plus no showing of how to make it transparent

    • @sherlockhomeboy4031
      @sherlockhomeboy4031 Год назад +2

      My adhd isn't even allowing me to finish the video 😒

  • @shitalchaudhari3165
    @shitalchaudhari3165 3 года назад +1

    Thank you so much ! This saved me a lot of time working with magic wand, saved this video for reference !

  • @Spasticlemur
    @Spasticlemur 3 года назад

    Could you also use the new Neural Filter to remove some aspects of the JPG compression artifacts prior to using this process?

  • @fouadvisuals1245
    @fouadvisuals1245 3 года назад +3

    Straight to the point, that's why i love your tutorials, thank you very much

  • @hiroshi248
    @hiroshi248 2 года назад

    Thank you! It took me so much time to find a proper tutorial to properly remove the background of icon type image!

  • @mayavichy4987
    @mayavichy4987 3 года назад

    Loved the technique, it’s new to me, but short and to the point!
    Please do more Copycat Wednesday as well!

  • @sarahthompson1805
    @sarahthompson1805 Год назад

    This was a huge help! Thank you! :D

  • @ValdairLeonardo
    @ValdairLeonardo 3 года назад +14

    That trick to combine channels is amazing. I never thought about it. Thank you so much, Jesús!

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад +1

      You're welcome, Valdair!

    • @michaelballinger6419
      @michaelballinger6419 2 года назад

      Yeah big time, that was cool... I normally combine channels using calculations, that way you can set a blending mode as well, very handy for making masks.

  • @mohamedskafi1658
    @mohamedskafi1658 3 года назад +2

    I love your videos, and every time I watch your videos I learn something new! I am not a professional designer and I just started exploring photoshop recently. I am in nowhere to judge, but I think this is not the easiest way to remove the white background. For me, I would use the color range selection method. This will be the first thing I use!

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад +2

      Color range could work. But it requires much more fine tuning. The edges are already well defined by the channels. Just take advantage of them.

    • @DigitalDesignsbyPJ
      @DigitalDesignsbyPJ 3 года назад +1

      Yes I literally was doing this and happened to see this video pop in and it left white edges around the letters doing it that way. I'm looking forward to trying it with channels.

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад

      @@DigitalDesignsbyPJ I hope it helps!

  • @GerminezEdiage
    @GerminezEdiage 3 года назад

    Amazing! Wanted to know how to do this for a very long time. Thanks

  • @vatasy
    @vatasy 3 года назад +5

    Never fail to impress, always learning something new on your channel. Great work!

  • @candacetaylor27
    @candacetaylor27 3 года назад

    This was amazing. thank you!!!

  • @JovianAbdulali
    @JovianAbdulali 2 года назад

    Thanks for breaking this down and making it easy to understand😄👍

  • @JonathanAyers
    @JonathanAyers 3 года назад

    Always appreciate your content!

  • @Zawhee2311
    @Zawhee2311 3 года назад

    Genial! Buenisima técnica!

  • @edit_by_tony
    @edit_by_tony 3 года назад +1

    As always you do it elegantly and explain it in easy to follow steps, thank you.
    To those who comment and say it's not how I would do it because it's to complicated or I would do it in Illustrator, why are you watching if you know so much then start your own channel and share your knowledge.

  • @bexigallio
    @bexigallio 3 года назад +33

    A great tutorial, however the title is misleading as it's so much more than removing the white background. It's also separating colours into easily editable layers. Which is why it feels like a long-winded way to remove a white background. Jesus Ramirez is a Photoshop legend!

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад +2

      Rebecca, you're right about that. I could have attached the mask to the original logo and called it a day. I figured that also showing that separating colors would be useful 🤷‍♂️

    • @bexigallio
      @bexigallio 3 года назад +3

      @@PhotoshopTrainingChannel It is very useful. Especially for textile designers who have to colour separate pattern designs into spot colours :-) (Although I think a lot of them use Illustrator)

    • @charissawest472
      @charissawest472 2 года назад +2

      Where can I get a tutorial on this simpler version? I get so lost on this after the 4-minute mark--it goes so fast there are somehow steps I'm missing. I need a step-by-step for every little step, and much slower so I don't miss things.

    • @damieshoot7546
      @damieshoot7546 Год назад

      I couldn't even remove the white background... How's this easy?!

  • @khanhlynguyen3197
    @khanhlynguyen3197 2 года назад

    Wow! Incredible tutorial. Thank you so much.

  • @pranayprajapati5275
    @pranayprajapati5275 3 года назад

    Hey jesus, amazing tutorial as always love your skills. Just wanted an advice on how to bring back detail from extreme highlights and shadows.

  • @photophix7426
    @photophix7426 3 года назад

    You are amazing! I just love to watch your videos! Thanks!

  • @Rabbittomaru
    @Rabbittomaru 3 года назад +1

    As always, you always explained it *VERY WELL AND THROUGH*
    I learned a lot from your channel.
    Thank you so much, Sir 😊

  • @albyluchko6030
    @albyluchko6030 3 года назад +8

    What if the colors aren't completely separate like this logo? I only have two colors: a yellow and a black. The black is basically serving as an artistic outline over the yellow. So, I can't easily just paint over the black to leave only the yellow. Maybe there's a separate way to isolate the black stuff and then layer it over the yellow?

  • @KarlaEnriquezfire
    @KarlaEnriquezfire 3 года назад

    Great! you know how to explain, thanks!

  • @MetaphoricalSol
    @MetaphoricalSol 7 месяцев назад

    Thank you, sir! This was an excellent tutorial. It was so easy to follow!

  • @AliKamal4
    @AliKamal4 3 года назад

    Absolutely Great Job... Really Appreciated your work... Thumbs Up JR 👍

  • @vidmaster7
    @vidmaster7 2 года назад

    This is excellent. I was looking for something else but watched the entire video and will keep it in mind the next time I need to do that. I also Subscribed. Thank you.

  • @sonoandrea
    @sonoandrea 3 года назад +5

    I love your tutorials and use them often. Can you recommend a tutorial or other instructions on how to then take this logo, smooth out the edges, and convert to vector? Or a hint as to what I should search for? I have Illustrator and I'm just concerned if I trace it the edges will be jagged. Maybe I'm wrong though.

  • @renniesseaside7776
    @renniesseaside7776 2 года назад

    thankyou, all worked well as i followed the instructions but you didn't address the jagged edges that occur in a jpeg image - how to get rid of these please.

  • @rohitnikalje409
    @rohitnikalje409 3 года назад

    This is the best tutorial .. helped me a lot. A billion Thank you

  • @SinaFarhat
    @SinaFarhat 3 года назад

    Thanks for the info! :)

  • @oliquin-roo3420
    @oliquin-roo3420 3 года назад

    Thanks for the video. Anyway you could make a video on the best method to enlarge the logo or add effects?

  • @jbserranopogi
    @jbserranopogi 3 года назад

    Brilliant as always

  • @randolphdigber9614
    @randolphdigber9614 3 года назад

    This is very helpful...thank you

  • @Jay_ohema
    @Jay_ohema 2 года назад

    Wow, that was easy to follow. I learned a lot. You got my subscription. Hope to Learn more

  • @Mighty746
    @Mighty746 2 года назад

    Didn't complete the steps, but it was resolved.
    Thanks million times

  • @MaksMikhnevych
    @MaksMikhnevych 3 года назад +61

    And here I am, clicking white area with magic wand and hitting delete key.

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад +7

      In some cases that can work. Lol but the edges will need work.

    • @mukesh13024
      @mukesh13024 3 года назад +6

      @@PhotoshopTrainingChannel just copy the layer and adjust level to make it black. use magic wand and delete white background. it work every time.

    • @SumitKumar-de3et
      @SumitKumar-de3et 3 года назад +5

      @@mukesh13024 You can't make the edges perfect by doing this if your image is of low quality

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад +5

      Also, if your logo has a gradient that fades to white this method will not work at all. But the channels one will.

    • @globalmovies4171
      @globalmovies4171 3 года назад

      Can you make one for me 🙏 please ..I don't have laptop and pc ...

  • @lok2565
    @lok2565 3 года назад +1

    wait - how did you get the pixelated edges to smooth/crisp edges?

  • @janosjulianes3006
    @janosjulianes3006 3 года назад

    Great help - thx. 🙏

  • @sheilawood5471
    @sheilawood5471 2 года назад

    Great exercise. I'll be looking for more on find tuning alpha channels. Thanks

  • @WindowOfFantasy
    @WindowOfFantasy Год назад

    I use select > color range
    but this way is solve cleaning way of edges !!! amazing !!!
    thank you so so so much for sharing

  • @albertomoreno8778
    @albertomoreno8778 3 года назад

    Great Trick! Thanks!!

  • @zululongkumer8986
    @zululongkumer8986 3 года назад

    Top class tutorial as always👌

  • @SaChInRaJpUt-pc7wp
    @SaChInRaJpUt-pc7wp 3 года назад

    Thanks mate 🔥👍

  • @goldmind3006
    @goldmind3006 10 месяцев назад

    do you have any videos that show how to then layer the colors after this step?

  • @xbytexgaming9156
    @xbytexgaming9156 3 года назад

    Thank you Sense!!!

  • @mahdigholami1529
    @mahdigholami1529 3 года назад

    Great! This was amzaing!! Thank u man

  • @ArinoLR
    @ArinoLR 3 года назад +2

    Beautiful work bro 🔥

  • @its_zehri
    @its_zehri 3 года назад +1

    You Are just Amazing ... this tutorial will help me alot ... tHnkew man💖

  • @brad4emmie
    @brad4emmie 2 года назад

    How easy would it then be to put a coloured image say like a colour splash image behind so it goes through the logo too?

  • @LEYGSL
    @LEYGSL 2 года назад

    Would this work for logos with colours that have different gradients?

  • @ps-jfb
    @ps-jfb 3 года назад +1

    WOW ! I'm speechless. This is so good

  • @Srm19660304
    @Srm19660304 3 года назад +2

    Love your tutorials thank you, clear and concise but question, please is there anyway we could slow down your speaking speed?

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад +1

      I'll try to speak slower in the future. But you can slow the video down from the RUclips controls if you like.

  • @josiahmccall7811
    @josiahmccall7811 2 года назад

    Great video! I love this channel!

  • @One_Call_System
    @One_Call_System 2 года назад

    thanks. helped a lot!

  • @ngodinhhoang
    @ngodinhhoang 2 года назад

    Thank you very much !

  • @bilaljani7041
    @bilaljani7041 3 года назад +1

    U nail it man 👨 absolutely thumbs up.. Short, well explained and informative.. Love u BOSS

  • @hiteshamalani1735
    @hiteshamalani1735 3 года назад

    understood great. thanks

  • @dontgetnastybro
    @dontgetnastybro 3 года назад +1

    Easily explained as usual Jesus, many thanks.

  • @imflashman5557
    @imflashman5557 3 года назад

    Soooo many steps!!! Unreal!

  • @armstrex2116
    @armstrex2116 3 года назад +1

    Great tutorial but why couldnt we use blend if to remove the white background

  • @feliciastudiesandthrives5646
    @feliciastudiesandthrives5646 2 года назад +1

    This was VERY VERY VERY VERY HELPFUL!!! THANK YOU!

  • @macinharvey8366
    @macinharvey8366 2 года назад

    Very nice video. My one problem is whenever I would attempt to do the "paint" it did not work. It says that I must "rasterize" before proceeding. And I would do that, but it never would work like yours. Any tips?

  • @manchomelvis8152
    @manchomelvis8152 6 месяцев назад

    Thank you very much...I have been looking forward to learn this.. and I got every step 😊😊

  • @TylerStanczak
    @TylerStanczak 3 года назад +9

    Really awesome tutorial! Love editing in photoshop :)

  • @azadulislam4559
    @azadulislam4559 3 года назад

    It was really awesome

  • @renatabeattie
    @renatabeattie 3 года назад

    great!!! Tks!!

  • @BROSHEND
    @BROSHEND 3 года назад +2

    I like it bro. Thanks. I'll try in my tutorial video.

  • @fawadfaisal3650
    @fawadfaisal3650 Год назад

    perfect explanation man love it

  • @soymasfina
    @soymasfina 2 года назад

    you are awesome what work space you are using as in{ essentials} or (photography)

  • @gopimk3122
    @gopimk3122 3 года назад

    2021 fantastic gift

  • @PrimalEdge
    @PrimalEdge 3 года назад +1

    Awesome tutorial!! Happy New Year!!!

  • @kentarofunabashi2471
    @kentarofunabashi2471 3 года назад

    Awesome!

  • @sunilchristian3430
    @sunilchristian3430 Год назад

    Thank you!

  • @ivanc8494
    @ivanc8494 3 года назад

    Greaaaat Thanks!!!

  • @Tashosugar18
    @Tashosugar18 5 месяцев назад

    I got so confuse at "Adding Color To The Logo". When you started separating the colors you did an example with gray over the branch; things weren't clear as to how you added all the other colors? So I select a color, press ctrl, and click on the layer mask to load it as a selection; then I made a new [solid layer] color filled on top of the clicked layer and with a brush tool I paint with black over layer mask things that shouldn't be the selected color. Currently trying but its not coming out quite the way you have it. perhaps more examples would help. Thank you so much for the video.

  • @javedakhter2564
    @javedakhter2564 3 года назад

    subscribed and clicked on bell icon after watching this video, many thanks, please, for sharing

  • @nworafairley4888
    @nworafairley4888 3 года назад

    Now if we need it to be a vector would it be best to pull into Illustrator or can it be done in Photoshop?

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад +1

      If you want it to redo it, the best way would be Illustrator. But it could be done with vectors in Photoshop if you didn't have Illustrator.

  • @eddietimbal48
    @eddietimbal48 3 года назад

    chucho eres el mejor profe bendiciones

  • @OORVOKKI
    @OORVOKKI 3 года назад

    Ecellent! I have fogotten how to aply channels. You are a great teacher.I want to back and make videos! I am only so terrible unsure .

  • @balajimIyer4803
    @balajimIyer4803 3 года назад

    Hi there, I am new to your channel and I like your vids a lot and they are seems very useful and one thing may I know what photoshop are you using?

  • @TheStartobecome
    @TheStartobecome 2 года назад

    Hi! Thank you for this tutorial! I like very much that logo. Is it possible to buy it or use it?

  • @jintidotori
    @jintidotori Год назад

    Best tutorial ! thanks

  • @lyndar.4833
    @lyndar.4833 3 года назад

    I've been having this issue fooorrrr-ever - great tut..... - I know there is a way to select a color and make it another color - but I can't seem to find it - I don't want to hand pick the colors because sometimes it's very intricate pieces in the object - any quick tips?

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад

      Feel free to share the image (or email through my website). The answer will depend on the situation.

  • @Tom_Nego
    @Tom_Nego 3 года назад

    I would like to be a master in photoshop and I guess that this is possible with Jesus's classes!! Thanks a lot!! Love ya!

  • @anisexpert4604
    @anisexpert4604 3 года назад

    brother this is the cleanest way i ever saw

  • @mostafasoofy2594
    @mostafasoofy2594 3 года назад +1

    Awesome, Thank u so much

  • @dmimosa75
    @dmimosa75 2 года назад +4

    My only complaint is that he speeds through the last few steps. He starts out nice and slow and easy to follow.

    • @charissawest472
      @charissawest472 2 года назад +1

      Yes! I need a much slower version of this video with the steps broken down even more after the 4-minute mark. It goes so fast I missed steps and I have no idea where I went wrong.

  • @rekaraokewithfriends
    @rekaraokewithfriends 2 года назад

    You are awesome!

  • @latestcentury8374
    @latestcentury8374 3 года назад

    Hi jesus, thank you for wonderful tutorial, obviously i learn new things as always. However, as a old subscriber, i go through comments before posting this query of mine and i saw one person already post but i am not satisfied with the answer he received.
    so i want to say
    1- if we use quick selection to select only white and select and mask.
    2- there will be white edges on corner, so hide those white edges by using your other very informative tutorial.
    isn't it worked?
    Also this is the logo with limited color and flat design however there are some logo which are very detailed and have gradients so i am not sure we can apply this method on that kind of logo, also there are logos with very thin fonts, its not possible to do color part on those logos. can you please make another tutorial where you explore all these possible situations and tell us the possible solutions for different logo, if you do not mind this request.

  • @kathleensampson4648
    @kathleensampson4648 3 года назад

    My logo is on a white background and is jpeg. I am having trouble with your steps in paths. Is this because the artwork is jpeg?
    All I want to do is get the transparent checker background so I can place the logo on any background. I I went back into my artwork and used the magnetic selection too and eraser...very time consuming and difficult to be exact. thank you

  • @michelleyezak6287
    @michelleyezak6287 3 года назад

    So I have a png someone made for me and it has white background. I saved file as jpeg and this is not working. I only have two colors.

  • @SirImran
    @SirImran Год назад

    Your Content is Very Meaningful & Magnificent Your Thought Marvellous Just Fabulous Video.

  • @Mighty746
    @Mighty746 2 года назад

    Thanks a lot

  • @masthisis3914
    @masthisis3914 3 года назад +1

    such a consequence I did something similar to this today at work.

  • @vijayavula6159
    @vijayavula6159 Месяц назад

    Your Tutorial, It's Really Awesome!